/** Add css rules here for your application. */


/** Example rules used by the template application (remove for your app) */
h1 {
  font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}

.sendButton {
  display: block;
  font-size: 16pt;
}

/** Most GWT widgets already have a style name defined */
.gwt-DialogBox {
  width: 400px;
}

.dialogVPanel {
  margin: 5px;
}

.serverResponseLabelError {
  color: red;
}

/** Set ids using widget.getElement().setId("idOfElement") */
#closeButton {
  margin: 15px 6px 6px;
}
.gwt-label {
	color: blue;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.gwt-validation {
	color: Red;
	font-stretch: wider;
	font-size: 12px;
	font-style: italic;
	font-weight: bolder;
}
.gwt-TextBox {
	color: Black;
}

body {
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #A19D9A;
}

#wrapper {
	margin: 0 auto;
	padding: 0;
}

/* Header */

#header-wrapper {
	height: 100px;
	background: #1582AB;
	border-bottom: 10px solid #2AA1CC;
}

#header {
	width: 950px;
	margin: 0 auto;
	padding: 0px 0px 0px 30px;
}

#list ul{
border: 1px solid #eee;}


#list ul li{
color: #333333;
list-style: inside;
font-family: tahoma; font-weight: strong; font-size: small; text-align:left;
line-height:17px;}



/* Logo */

#logo {
	float: left;
	width: 350px;
	margin: 0;
	padding: 0;
	color: #000000;	
}

#logo h1, #logo p {
}

#logo h1 {
	margin-left: 10px;
	padding: 40p 0px 0px 40px;
	letter-spacing: -1px;
	font-size: 2.5em;
	font-style: bold;
	background: redc;
}

#logo p {
	margin: 0;
	padding: 0px 0 0 62px;
	font: normal 16px Arial, Helvetica, sans-serif;
	font-style: bold;
	color: #000000;
} 

#logo a {
	border: none;
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

#page {
	width: 980px;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
}

#page-bgtop {
	padding: 20px 0px;
}

#page-bgtop h1 {
	font-size: 2em;
  font-weight: bold;
  color: #777777;
  margin: 40px 0px 70px;
  text-align: center;
}
/* Content */

#content {
	float: left;
	width: 650px;
	padding: 0px 0px 0px 0px;
}

.post {
	margin-bottom: 40px;
	border-bottom: 1px dotted #E7E2DC;
}

.post .title {
	height: 41px;
	padding: 7px 0px 0px 30px;
	letter-spacing: -.5px;
}

.post .title a {
	color: #333333;
	border: none;
}

/** Comments **/

.comments {
    margin-bottom: 30px;
}

h3 {
    color: #869AB1;
    font-size: 18px;
    margin-bottom: 15px;
}

h3 span {
    font-size: 80%;
    font-weight: normal;
}

.comment {
    width: 70%;
    clear: both;
}

.comment .comment-metadata {
    color: #869AB1;
    display: block;
    font-size: 50%;
    display: block;
    float: left;
    width: 80px;
    text-align: right;
}

.comment .comment-author {
    font-size: 150%;
    font-weight: bold;
    display: block;
}

.comment .comment-content {
    position: relative;
    background: #E4EAFF;
    color: #242C58;
    font-size: 80%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 100px;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    
       text-indent: -999em;
    display: block;
    width: 0; 
    height: 0; 
	border-top: 10px solid transparent; 
	border-bottom: 10px solid transparent;
	border-right: 10px solid #E4EAFF;
	border-left: 0;
	position: absolute;
	top: 4px;
	left: -4px;
}

.comment .about {
    text-indent: -999em;
    display: block;
    width: 0; 
    height: 0; 
	border-top: 10px solid transparent; 
	border-bottom: 10px solid transparent;
	border-right: 10px solid #E4EAFF;
	border-left: 0;
	position: absolute;
	top: 4px;
	left: -4px;
}


.post .meta {
	margin-bottom: 30px;
	padding: 0px 30px 0px 30px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	font-style: italic;
}

.post .meta .date {
	float: left;
}

.post .meta .posted {
	float: right;
}

.post .meta a {
}

.post .entry {
	padding: 0px 30px 20px 30px;
	padding-bottom: 20px;
	text-align: justify;
}

.links {
	padding-top: 20px;
	font-size: 12px;
	font-weight: bold;
}

#leftSidebar {
	float: left;
	width: 18%;
	margin: 0px;
	color: #787878;
}

#topsidebar {
	float: right;
	width: 20%;
	margin: 0px;
	padding: 0px 220px 0px 0px;
}

#sidebar {
	float: right;
	width: 20%;
	margin: 0px;
	padding: 150px 20px 0px 0px;
	color: #787878;
}



.post {
	margin-bottom: 40px;
	border-bottom: 1px dotted #E7E2DC;
}

.post .title {
	height: 41px;
	padding: 7px 0px 0px 30px;
	letter-spacing: -.5px;
}

.post .title a {
	color: #333333;
	border: none;
}
.gwt-title {
	color: green;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
}
.gwt-regLabel {
	color: Navy;
	font-stretch: normal;
	font-variant: normal;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
}
.gwt-red {
	background-color: red;
}
.gwt-green {
	background-color: yellowgreen;
}
.gwt-username {
	color: Gray;
}
.gwt-LabelLink {
	color: Highlight;
	text-decoration: underline;
	cursor: pointer;
}
.gwt-shaded_Text {
	color: gray;
}
.gwt-date {
position: relative;
    color: #242C58;
    font-size: 100%;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}
.gwt-comment {

 position: relative;
    background: #E4EAFF;
    color: #242C58;
    font-size: 80%;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 100px;
    padding: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;


.comment .about {
    text-indent: -999em;
    display: block;
    width: 0; 
    height: 0; 
	border-top: 10px solid transparent; 
	border-bottom: 10px solid transparent;
	border-right: 10px solid #E4EAFF;
	border-left: 0;
	position: absolute;
	top: 4px;
	left: -4px;
}
.gwt-Image {
	cursor: pointer;
}
.gwt-biktshar {
	cursor: pointer;
}
